Build Responsive Multipage Education/School Websites With HTML CSS JavaScript | Full Responsive Site

Tech2 etc
•

NaN / NaN
Back
IN
Search with your voice
Create
Notifications
IN

Home
Shorts
Subscriptions
Library
History
Your videos
Watch Later
Downloads
Mern stack
Show more
Show fewer

Subscriptions

National Geographic
cbseclass videos
Adrian Twarog
CodeWithHarry
Lapaas Voice
Kunal Kushwaha
Intellectual Indies
Show 212 more
Show fewer

Explore

Trending
Shopping
Music
Films
Live
Gaming
News
Sport
Learning
Fashion & beauty

More from YouTube

YouTube Premium
Creator Studio
YouTube Music
YouTube Kids
YouTube TV

Settings
Report history
Help
Send feedback
AboutPressCopyrightContact usCreatorAdvertiseDevelopers
TermsPrivacyPolicy & SafetyHow YouTube worksTest new features
© 2023 Google LLC
Home
Home
Shorts
Shorts
Subscriptions
Subscriptions
Library
Library
Previous
All Gaming Music Website Computer Science 3D modeling Mixes Trailers Cameras Sci-fi films Martial Arts Movies Illustrations Video editing software Snacks Comedy Live Podcasts News Recently uploaded Watched New to you
Next
Sign up & get Rs.20,000 credit
Here's Rs.20,000 in free ad credit when you start advertising and spend Rs.20,000.
Ad
Google Ads
3:39 Now playing

RAFTAAR x PRABH DEEP - TRAP PRAA (Explicit Warning) | PRAA | Official Video

Raftaar
Raftaar
Official Artist Channel
•
•
5.8M views 12 days ago
27:23 Now playing

JavaScript Refresher | Complete React Course in Hindi #3

CodeWithHarry
CodeWithHarry
Verified
•
•
463K views 1 year ago
6:11 Now playing

DO This. BEFORE Making any CONTENT on Social Media

AniThing
AniThing
Verified
•
•
34K views 21 hours ago
1:55:20 Now playing

Full Stack Development Class #14 | CodeCore Academy 05.03.23

CodeCore Academy
CodeCore Academy
•
•
87 views Streamed 19 hours ago
12:58 Now playing

UKPSC भुवन कापड़ी ने सरकार पर लगा दिए गंभीर आरोप। #ukpsc #uttarakhand

UKPSC CRACKER 2.0
UKPSC CRACKER 2.0
•
•
8.1K views 4 hours ago
7:06 Now playing

I Spent 150 Days Creating A Naruto Trailer - Part 4

Jalex Rosa
Jalex Rosa
Verified
•
•
1M views 3 days ago
16:00 Now playing

Alibaba sold Paytm, Zomato, Bigbasket, Cred, Tiktok, Shark tank, Ashneer, LIC, Adani| Business News

Lapaas Voice
Lapaas Voice
•
•
77K views 3 weeks ago

Shorts

Not interested

Damon to Caroline "No One Cares"😂| The Boys Meme Edit | Vampire Diaries| #Shorts #thevampirediaries

•
•
4.2M views

Historical Photos that you need to see. Part 113 #shorts

•
•
5.2M views

🔥@JONATHANGAMINGYT and @PAYALGAMING Dance on Patli Kamariya more🔥💯 #shorts #bgmi #viral

•
•
2.8M views

Calm Down Rema 🧸 Crowd is amazed 🥹 @heisrema #rema #calmdown #selenagomez #remacalmdown

•
•
43M views

Hardisk ke disk डिस्क को देखने वाले हैं // Computer Experiment with kairav Channel में #shorts

•
•
58 views

Vineeta singh roast 🔥 aman gupta 😂😆 #shorts #sharktankindia #vineetasingh #amangupta #interview

•
•
11M views

College Love Birds 🤣 Couples College Seataigal #students #couplegoals #shorts

•
•
20M views

Ironman Nanosuit in Real life

•
•
32M views

Day 29 || Place where Krishna Ji & Balaram plays? #iskcon #iskcontemple #vrindavan #iskconvrindavan

•
•
2.1M views

A message for all students❤️

•
•
127K views

Flash enters God mode ⚡🥶 #shorts #flash #grantgustin #short

•
•
11M views

Mr. Green Removing CGI From 'The Rock'

•
•
33M views
Show more
24:45 Now playing

The Top 10 Websites of 2022 - CSSDesignAwards

DesignCourse
DesignCourse
Verified
•
•
61K views 2 weeks ago
6:11 Now playing

12 Camera Movements for CINEMATIC FOOTAGE - CREATIVE SHOT IDEAS for BETTER B-ROLL - Video Shot Ideas

Jacques Crafford
Jacques Crafford
Verified
•
•
1.6M views 1 year ago
15:29 Now playing

How to Prepare for Placements & Internships in 4 months?

Apna College
Apna College
Verified
•
•
286K views 10 days ago
7:58 Now playing

SHANG-CHI (2021) Full Bus Fight [HD] Marvel IMAX Clip

JoBlo Superheroes
JoBlo Superheroes
Verified
•
•
550K views 1 month ago

Breaking news

Not interested
2:57 Now playing

Sisodia in CBI Custody: झूठे दस्तावेज़ पर CBI चाहती है सिसोदिया के साइन, AAP का बड़ा आरोप

Dainik Jagran - दैनिक जागरण
Dainik Jagran - दैनिक जागरण
Verified
•
•
66K views 4 hours ago
3:35 Now playing

शराब नीति केस में गिरफ्तार Manish Sisodia को CBI आज दिल्ली के राउज एवेन्यू कोर्ट में पेश करेगी

Aaj Tak
Aaj Tak
Verified
•
•
20K views 6 hours ago
3:07 Now playing

Manish Sisodia की Court में पेशी आज, CBI नहीं मांगेगी रिमांड!

NDTV India
NDTV India
Verified
•
•
45K views 5 hours ago
3:52 Now playing

Delhi के पूर्व उपमुख्यमंत्री Manish Sisodia समेत AAP ने लगाया CBI पर थर्ड डिग्री टॉर्चर का आरोप

News Nation
News Nation
Verified
•
•
24K views 6 hours ago
Show more
8:19 Now playing

How To Make PASSIVE INCOME With ChatGPT & Midjourney AI?

10X INCOME
10X INCOME
•
•
1.8M views 1 month ago
14:02 Now playing

HOW I BECAME VIDEO EDITOR (250K SPECIAL)

DilliKaLadka
DilliKaLadka
Verified
•
•
2.2M views 1 year ago
10:36 Now playing

Ranbir Kapoor के साथ मस्ती | Anubhav Singh Bassi | The Kapil Sharma Show 2 | Ep 308 | 4 Mar 2023

SET India
SET India
Verified
•
•
1.6M views 1 day ago
12:07 Now playing

Restaurants Marketing Strategy - Restaurants Owner Isse Jarur Dekhe

Intellectual Indies
Intellectual Indies
Verified
•
•
603K views 3 years ago
8:43 Now playing

Xiaomi 13 Pro 5G Unboxing & Review ! *Ultimate Flagship?*

Tech Burner
Tech Burner
Verified
•
•
579K views 4 days ago
1:44:07 Now playing

Thank God full Movie | Ajay Devgn | Sidharth Malhotra | New South Indian Movie 2023

Mad Hugs
Mad Hugs
Official Artist Channel
•
•
517K views 22 hours ago
2:52 Now playing

पहाड़ की बेटी दिव्या नेगी की दहाड़ #g20 #divyanegi #uttarakhand

Pahadi Bhula 11 Official
Pahadi Bhula 11 Official
•
•
6 views 4 hours ago
8:16 Now playing

if Apple made window blinds...

Joma Tech
Joma Tech
Verified
•
•
5M views 1 year ago
Build Responsive Multipage Education/School Websites With HTML CSS JavaScript | Full Responsive Site
Suggested: Responsive Educational Website Using HTML CSS Step By Step
If playback doesn't begin shortly, try restarting your device.
5 seconds
Pull up for precise seeking
Responsive Website Preview
4:51
29:37
12:38 / 1:53:36•Watch full video
You're signed out
Videos that you watch may be added to the TV's watch history and influence TV recommendations. To avoid this, cancel and sign in to YouTube on your computer.
Next (SHIFT+n)
Expand (i)
29:37
is now taking a lot of width and height now we have to fix some width and height for this logo  
Up next
Live
Upcoming
Play now
Tech2 etc
SUBSCRIBE
SUBSCRIBED
Tech2 etc
SUBSCRIBE
SUBSCRIBED
Hi! everyone. Welcome to Tech2 etc. I create Programming / Web Design / Development tutorials. Also have tutorials on Python, HTML, CSS, JavaScript & Projects . Checkout my channel & tutorial videos for learn something new. This Channel is Managed by Fahimul Kabir Chowdhury. Thank you.
Responsive Educational Website Using HTML CSS Step By Step
5 videos
Responsive Website Design Using HTML CSS & JavaScript | Educational Website | Part2
29:37
Responsive Blog Portal Website Design With HTML CSS 📚 | Make Educational Website HTML CSS
26:51
Switch camera
Share
An error occurred while retrieving sharing information. Please try again later.
From Tech2 etc
5

Responsive Educational Website Using HTML CSS Step By Step

  • by Tech2 etc
  • 5 videos
26:00

How To Create Website Using HTML And CSS Step By Step Tutorial

  • by Tech2 etc
  • 4,997 views
29:37

Responsive Website Design Using HTML CSS & JavaScript | Educational Website | Part2

  • by Tech2 etc
  • 19,315 views
26:51

Responsive Blog Portal Website Design With HTML CSS 📚 | Make Educational Website HTML CSS

  • by Tech2 etc
  • 11,759 views
1:36:55

Build Ecommerce Website With HTML CSS JavaScript | Full Responsive e-commerce Website

  • by Tech2 etc
  • 238,257 views
Annotations
Playback speed
Normal
Subtitles/CC (2)
English
Quality
480p
Introduction
Responsive Website Preview
Importance of This Tutorial
Create Project Directory
Create Nav Bar
Create Hero Section HTML CSS
Create Feature Section
Create Popular Courses Section
Create Registration Form HTML CSS
Create Profile Section
Create Footer Section HTML CSS
Check Website and Fix
Make Responsive Website For Tablet
Make Responsive Website For Mobile
12:28
12:38 / 1:53:36•Watch full video
New!
Watch ads now so that you can enjoy fewer interruptions
Got it

Chapters

Introduction

Introduction

0:00

Introduction
0:00

Responsive Website Preview

Responsive Website Preview

4:25

Responsive Website Preview
4:25

Importance of This Tutorial

Importance of This Tutorial

7:02

Importance of This Tutorial
7:02

Create Project Directory

Create Project Directory

8:13

Create Project Directory
8:13

Create Nav Bar

Create Nav Bar

9:18

Create Nav Bar
9:18

Create Hero Section HTML CSS

Create Hero Section HTML CSS

17:27

Create Hero Section HTML CSS
17:27

Create Feature Section

Create Feature Section

28:55

Create Feature Section
28:55

Create Popular Courses Section

Create Popular Courses Section

39:13

Create Popular Courses Section
39:13

Create Registration Form HTML CSS

Create Registration Form HTML CSS

51:08

Create Registration Form HTML CSS
51:08

Create Profile Section

Create Profile Section

1:06:56

Create Profile Section
1:06:56

Create Footer Section HTML CSS

Create Footer Section HTML CSS

1:14:47

Create Footer Section HTML CSS
1:14:47

Check Website and Fix

Check Website and Fix

1:27:13

Check Website and Fix
1:27:13

Make Responsive Website For Tablet

Make Responsive Website For Tablet

1:29:55

Make Responsive Website For Tablet
1:29:55

Make Responsive Website For Mobile

Make Responsive Website For Mobile

1:49:48

Make Responsive Website For Mobile
1:49:48
Sync to video time

Create clip

LostTraveler
Public
 
 
0/140
–
30.0 seconds
Continue clipping after ad finishes
Can't create clip while ad is playing

Description

Build Responsive Multipage Education/School Websites With HTML CSS JavaScript | Full Responsive Site
Tech2 etc
Tech2 etc
2.9K Likes
139,011 Views
2021 1 Sept
Build Responsive Online Course Websites With HTML CSS JavaScript | 7 Pages Educational Website. This website is Multi Page Website. We will create Home Page, About Page, Blog Page, Post Page, Course Page, Course Details Page, Contact Us Page Using HTML and CSS part by part. PART 2:    • Responsive Websit...   Image Download: https://www.patreon.com/posts/55611281 Complete Source Code (7 Pages): https://www.buymeacoffee.com/tech2etc... Source Code2: https://ko-fi.com/s/9c53d5b08b Timestamps: 0:00 Introduction 4:25 Responsive Website Preview 7:02 Importance of This Tutorial 8:13 Create Project Directory 9:18 Create Nav Bar 17:27 Create Hero Section HTML CSS 28:55 Create Feature Section 39:13 Create Popular Courses Section 51:08 Create Registration Form HTML CSS 1:06:56 Create Profile Section 1:14:47 Create Footer Section HTML CSS 1:27:13 Check Website and Fix 1:29:55 Make Responsive Website For Tablet 1:49:48 Make Responsive Website For Mobile All Source Codes: https://www.buymeacoffee.com/tech2etc Github: https://github.com/tech2etc ⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE SUPPORT ME: 👕 Merchandise: https://tech2etc.com/merchandise 🎁 Buy Me A Coffee https://www.buymeacoffee.com/tech2etc 🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc How To Make MONEY Online - My 4 Favorite Tricks: 👨‍💻 Start Freelancing: https://tech2etc.com/fiverrcpa 🛒 Learn Digital Marketing: https://tech2etc.com/digital-marketing 📹 Make Video Editing As Profession: https://tech2etc.com/video-editing 🕔 Next trick will be revealed at the right time. Free Course to Improve SKILLS & EARN: 1️⃣ WordPress Insider: https://tech2etc.com/wordpress-course 2️⃣ Bootstrap With Projects: https://tech2etc.com/bootstrap 3️⃣ Web Development For Beginners: https://tech2etc.com/webdev 4️⃣ JavaScript With Projects: https://tech2etc.com/javascript 5️⃣ Python With Projects: https://tech2etc.com/python 🎁 Get Certificate: https://courses.tech2etc.com/ Important Links: 📂 Best Hosting: https://tech2etc.com/best-hosting 📂 Best CV Resume: https://tech2etc.com/my-resume 📂 Freelancing Guide: https://tech2etc.com/learn-freelancing 📂 Interview Questions: https://tech2etc.com/?s=interview DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use. =============================== Connect with me & get daily updates👇 =============================== Discord: https://discord.gg/C58ZQAk2DE Instagram: https://www.instagram.com/fahimulkabi... Linkedin: https://www.linkedin.com/in/fahimulka... FB (Personal): https://www.facebook.com/md.fahimkabi... FB Page: https://www.facebook.com/Tech2etc/ FB Group: https://www.facebook.com/groups/24246...
Show less Show more

Chapters

Introduction

Introduction

0:00

Introduction
0:00

Responsive Website Preview

Responsive Website Preview

4:25

Responsive Website Preview
4:25

Importance of This Tutorial

Importance of This Tutorial

7:02

Importance of This Tutorial
7:02

Create Project Directory

Create Project Directory

8:13

Create Project Directory
8:13

Featured playlist

5 videos
Responsive Educational Website Using HTML CSS Step By Step
Tech2 etc

Comments 188

Top comments
Newest first

Transcript

NaN / NaN
Responsive Educational Website Using HTML CSS Step By Step

Build Responsive Multipage Education/School Websites With HTML CSS JavaScript | Full Responsive Site

139K views 1 year ago Responsive Educational Website Using HTML CSS Step By Step
Tech2 etc
Tech2 etc
92.8K subscribers
Subscribe
I like this
I dislike this
Share
Download
Show support with Super Thanks
139K views 1 year ago Responsive Educational Website Using HTML CSS Step By Step
139,011 views • 1 Sept 2021 • Responsive Educational Website Using HTML CSS Step By Step
Build Responsive Online Course Websites With HTML CSS JavaScript | 7 Pages Educational Website. This website is Multi Page Website. We will create Home Page, Abou …Show more
Show more

Chapters

Introduction

Introduction

0:00

Introduction
0:00

Responsive Website Preview

Responsive Website Preview

4:25

Responsive Website Preview
4:25

Importance of This Tutorial

Importance of This Tutorial

7:02

Importance of This Tutorial
7:02

Create Project Directory

Create Project Directory

8:13

Create Project Directory
8:13

Create Nav Bar

Create Nav Bar

9:18

Create Nav Bar
9:18

Create Hero Section HTML CSS

Create Hero Section HTML CSS

17:27

Create Hero Section HTML CSS
17:27

Create Feature Section

Create Feature Section

28:55

Create Feature Section
28:55

Create Popular Courses Section

Create Popular Courses Section

39:13

Create Popular Courses Section
39:13

Featured playlist

5 videos
Responsive Educational Website Using HTML CSS Step By Step
Tech2 etc
Show less
Comments
188
Add a comment…
Responsive Educational Website Using HTML CSS Step By Step

Build Responsive Multipage Education/School Websites With HTML CSS JavaScript | Full Responsive Site

139,011 views139K views
1 Sept 2021
I like this
I dislike this
Share
Download
Show support with Super Thanks
Clip
Save
Tech2 etc
Tech2 etc
92.8K subscribers
Subscribe
Build Responsive Online Course Websites With HTML CSS JavaScript | 7 Pages Educational Website. This website is Multi Page Website. We will create Home Page, About Page, Blog Page, Post Page, Course Page, Course Details Page, Contact Us Page Using HTML and CSS part by part. PART 2:    • Responsive Websit...   Image Download: https://www.patreon.com/posts/55611281 Complete Source Code (7 Pages): https://www.buymeacoffee.com/tech2etc... Source Code2: https://ko-fi.com/s/9c53d5b08b Timestamps: 0:00 Introduction 4:25 Responsive Website Preview 7:02 Importance of This Tutorial 8:13 Create Project Directory 9:18 Create Nav Bar 17:27 Create Hero Section HTML CSS 28:55 Create Feature Section 39:13 Create Popular Courses Section 51:08 Create Registration Form HTML CSS 1:06:56 Create Profile Section 1:14:47 Create Footer Section HTML CSS 1:27:13 Check Website and Fix 1:29:55 Make Responsive Website For Tablet 1:49:48 Make Responsive Website For Mobile All Source Codes: https://www.buymeacoffee.com/tech2etc Github: https://github.com/tech2etc ⛔❌Do Not CLICK This Link: https://bit.ly/3lJLyLY Need any help? Join my Discord: https://discord.gg/C58ZQAk2DE SUPPORT ME: 👕 Merchandise: https://tech2etc.com/merchandise 🎁 Buy Me A Coffee https://www.buymeacoffee.com/tech2etc 🎀 Donate Me By Paypal: https://www.paypal.com/paypalme/tech2etc How To Make MONEY Online - My 4 Favorite Tricks: 👨‍💻 Start Freelancing: https://tech2etc.com/fiverrcpa 🛒 Learn Digital Marketing: https://tech2etc.com/digital-marketing 📹 Make Video Editing As Profession: https://tech2etc.com/video-editing 🕔 Next trick will be revealed at the right time. Free Course to Improve SKILLS & EARN: 1️⃣ WordPress Insider: https://tech2etc.com/wordpress-course 2️⃣ Bootstrap With Projects: https://tech2etc.com/bootstrap 3️⃣ Web Development For Beginners: https://tech2etc.com/webdev 4️⃣ JavaScript With Projects: https://tech2etc.com/javascript 5️⃣ Python With Projects: https://tech2etc.com/python 🎁 Get Certificate: https://courses.tech2etc.com/ Important Links: 📂 Best Hosting: https://tech2etc.com/best-hosting 📂 Best CV Resume: https://tech2etc.com/my-resume 📂 Freelancing Guide: https://tech2etc.com/learn-freelancing 📂 Interview Questions: https://tech2etc.com/?s=interview DISCLAIMER: This description contains affiliate links. Which means I may receive a small commission on affiliate links used. This helps support the channel and allows us to continue to make videos like this. All content used within the parameters of fair use. =============================== Connect with me & get daily updates👇 =============================== Discord: https://discord.gg/C58ZQAk2DE Instagram: https://www.instagram.com/fahimulkabi... Linkedin: https://www.linkedin.com/in/fahimulka... FB (Personal): https://www.facebook.com/md.fahimkabi... FB Page: https://www.facebook.com/Tech2etc/ FB Group: https://www.facebook.com/groups/24246...

Chapters

Introduction

Introduction

0:00

Introduction
0:00

Responsive Website Preview

Responsive Website Preview

4:25

Responsive Website Preview
4:25

Importance of This Tutorial

Importance of This Tutorial

7:02

Importance of This Tutorial
7:02

Create Project Directory

Create Project Directory

8:13

Create Project Directory
8:13

Featured playlist

5 videos
Responsive Educational Website Using HTML CSS Step By Step
Tech2 etc
Show less Show more
My Ad Centre
Build Your Site
Ad
hostinger.in
All From your search Web Development HTML Related Live Watched
29:37 Now playing

Responsive Website Design Using HTML CSS & JavaScript | Educational Website | Part2

Tech2 etc
Tech2 etc
•
•
19K views 1 year ago
Now playing

Mix – Tech2 etc

More from this channel for you
More from this channel for you
•
•
27:40 Now playing

CSS Flexbox Tutorial For Beginners in Hindi 🔥🔥

CodeWithHarry
CodeWithHarry
Verified
•
•
325K views 1 year ago
20:17 Now playing

Complete Full Stack Web Developer Roadmap (2022 Edition)

CodeWithHarry
CodeWithHarry
Verified
•
•
1.1M views 10 months ago
6 Now playing

How To Make A College Website Using HTML and CSS

Easy Tutorials
Easy Tutorials
•
•
20:30 Now playing

How to Rank Your Website on Google - WordPress SEO For Beginners

Website Learners
Website Learners
Verified
•
•
1.5M views 2 years ago
25:02 Now playing

Can you become Software Developer without Btech? | Bsc/MCA student | Alpha Course Review

Apna College
Apna College
Verified
•
•
268K views 2 months ago
14:32 Now playing

I Can Speak Like Shah Rukh Khan - Thanks to this AI 🔥

CodeWithHarry
CodeWithHarry
Verified
•
•
140K views 8 days ago
28:54 Now playing

SK Sir Ki Class | EP1 - Chakravyuh | Watch in Hindi, Tamil or Telugu | TVF

The Viral Fever
The Viral Fever
Verified
•
•
8.7M views 13 days ago
43:24 Now playing

Creating a Weather App Using HTML, CSS and JavaScript 🔥

CodeWithHarry
CodeWithHarry
Verified
•
•
237K views 3 months ago
27:23 Now playing

JavaScript Refresher | Complete React Course in Hindi #3

CodeWithHarry
CodeWithHarry
Verified
•
•
464K views 1 year ago
13:16 Now playing

Microsoft vs Google: AI War Explained | tech news

Joma Tech
Joma Tech
Verified
•
•
513K views 2 weeks ago
8:19 Now playing

How To Make PASSIVE INCOME With ChatGPT & Midjourney AI?

10X INCOME
10X INCOME
•
•
1.8M views 1 month ago
1:12:40 Now playing

Complete Git and GitHub Tutorial

Kunal Kushwaha
Kunal Kushwaha
Verified
•
•
1M views 1 year ago
8:12 Now playing

How I Made A YouTube Channel Using Only AI

Jensen Tung
Jensen Tung
Verified
•
•
627K views 1 month ago
2:17:30 Now playing

Create a Responsive Website Using HTML, CSS & JavaScript in Hindi

CodeWithHarry
CodeWithHarry
Verified
•
•
1.4M views 2 years ago
2:06:00 Now playing

HTML Tutorial for Beginners | Complete HTML with Notes & Code

Apna College
Apna College
Verified
•
•
5M views 11 months ago
1:15:49 Now playing

Creating Myntra Clone using HTML, CSS & JavaScript

CodeWithHarry
CodeWithHarry
Verified
•
•
304K views 9 months ago
Now playing

Complete Class 12 Maths: Matrices, Determinants, and LPP in One Video | 15 Marks Guaranteed

cbseclass videos
cbseclass videos
Verified
•
•
3K watching
LIVE
19:45 Now playing

Constructors in Inheritance in Java

CodeWithHarry
CodeWithHarry
Verified
•
•
231K views 2 years ago
Open search filters
Showing results for project based on html css and javascript Search instead for project based on html css and java script

30 HTML CSS & JavaScript projects in 30 Days for Beginners | Udemy

Become a Web Development Pro with these valuable skills. Join millions of learners from around the world already learning on Udemy.
Ad
Ad
https://www.udemy.com/

Free Java Projects Source Code - Mini Html & CSS Source Code - Download Source Code For Free

Sign up to PieceX and download free source code for Java, HTML, CSS, Android, & Python. Develop your software project by downloading free source code from PieceX. turn code into income. sell source code for more. Monetize you source code. sell your source code. best source code market. Services: sell source code, Monetize your source code, buy pieces of source code.
Download free source code Sell source code Highly Rated Source Code Procedural Information Register Online
Ad
https://www.piecex.com/register
Visit site
16 Now playing

Projects Using HTML, CSS & JavaScript in Hindi

CodeWithHarry
CodeWithHarry
Verified
•
•
  • Creating a Spotify Clone Using HTML, CSS & JavaScript Only | JavaScript Music Player🔥🔥
    1:39:37
  • Tic Tac Toe Using only HTML, CSS & JavaScript 🔥🔥
    1:19:37
View full playlist
15 Now playing

HTML CSS 10 Practice Projects for Beginners in Hindi | 2022 | Playlist

Do Some Coding
Do Some Coding
•
•
  • HTML CSS 10 Practice Projects for Beginners | 2022
    8:51
  • #1 - The Tribute Website | HTML CSS 10 Practice Projects for Beginners | 2022 | Hindi
    27:53
View full playlist
3:09:35 Now playing

Build A Responsive Multipage Education/School Website using HTML CSS & JavaScript Complete Tutorial

EGATOR
EGATOR
•
•
401K views 1 year ago
EGATOR
EGATOR
This complete website tutorial will teach you how to make a responsive multipage website from scratch. This website will have a ... This complete website tutorial will teach you how to make a responsive multipage website from scratch. This website will have a ...
From the video description
Intro (Project Preview) | Project Folder and Files Structure | VSCode Extensions (emmet & Preview on web server) | Navbar HTML | Using Iconscout | Browser Default Styles reset | CSS Root Variables | Importing Google Fonts (montserrat) | General CSS Styles and Classes | Navbar CSS | Header HTML | Header CSS | Categories HTML | Categories CSS | Navbar Styles Change on Scroll using JavaScript | Popular Courses HTML | Popular Courses CSS | FAQs HTML | FAQs CSS | FAQs Toggle using JavaScript | Testimonials HTML | Testimonials CSS | Testimonials Slide using SwiperJS | Footer HTML | Footer CSS | Responsive Design for Tablets (CSS Media Queries for tablets) | Navbar Dropdown Menu Style | Navbar Dropdown Menu Toggle using JavaScript | Navbar Dropdown Menu Animation using CSS Keyframes | Responsive Design for Mobile Phones (CSS Media Queries for mobile phones) | About Page Achievements HTML | About Page Achievements CSS | About Page Team HTML | About Page Team CSS | About Page Responsive Design (CSS Media Queries for About Page) | Courses Page | Contact Page HTML | Contact Page CSS | Contact Page Responsive Design | Form Submission using FormSpree | Adding Background Image Texture
41 chapters in this video
41 chapters

Intro (Project Preview)

Intro (Project Preview)

0:00

Intro (Project Preview)
0:00

Project Folder and Files Structure

Project Folder and Files Structure

8:26

Project Folder and Files Structure
8:26

VSCode Extensions (emmet & Preview on web server)

VSCode Extensions (emmet & Preview on web server)

10:37

VSCode Extensions (emmet & Preview on web server)
10:37

Navbar HTML

Navbar HTML

11:35

Navbar HTML
11:35

Using Iconscout

Using Iconscout

14:10

Using Iconscout
14:10

Browser Default Styles reset

Browser Default Styles reset

15:03

Browser Default Styles reset
15:03

CSS Root Variables

CSS Root Variables

17:38

CSS Root Variables
17:38
1:15:49 Now playing

Creating Myntra Clone using HTML, CSS & JavaScript

CodeWithHarry
CodeWithHarry
Verified
•
•
304K views 9 months ago
CodeWithHarry
CodeWithHarry
Verified
Creating a responsive website (Myntra Clone) using HTML, CSS, and JavaScript Create a replit account to follow along: ... Creating a responsive website (Myntra Clone) using HTML, CSS, and JavaScript Create a replit account to follow along: ...
From the video description
34:04 Now playing

Creating a Calculator using HTML, CSS & JavaScript

CodeWithHarry
CodeWithHarry
Verified
•
•
462K views 9 months ago
CodeWithHarry
CodeWithHarry
Verified
Javascript Project: Calculator - In this video, we will create a calculator understanding the logic in detail! Create a replit account to ... Javascript Project: Calculator - In this video, we will create a calculator understanding the logic in detail! Create a replit account to ...
From the video description
7:36:44 Now playing

Full Stack Food Delivery App - React Redux Reducer, Firebase | For Beginners

Vetrivel Ravi
Vetrivel Ravi
•
•
217K views 11 months ago
Vetrivel Ravi
Vetrivel Ravi
In this free course, we are going to develop a full stack food delivery application using Reactjs, Firebase, Framer motion, Tailwind ... In this free course, we are going to develop a full stack food delivery application using Reactjs, Firebase, Framer motion, Tailwind ...
From the video description
9:53 Now playing

How to make a Great Project for Internships & Placements?

Apna College
Apna College
Verified
•
•
1M views 1 year ago
Apna College
Apna College
Verified
Hostinger : http://www.hostinger.in/apnacollege They have a Black Friday Sale this week & we have a special 7% discount code ... Hostinger : http://www.hostinger.in/apnacollege They have a Black Friday Sale this week & we have a special 7% discount code ...
From the video description
2:12:11 Now playing

Personal Portfolio website using pure HTML, CSS and JavaScript

CodeWithHarry
CodeWithHarry
Verified
•
•
936K views 1 year ago
CodeWithHarry
CodeWithHarry
Verified
All the source code and other material will be uploaded on https://codewithharry.com as and when available! ▻Checkout my ... All the source code and other material will be uploaded on https://codewithharry.com as and when available! ▻Checkout my ...
From the video description
4K
1:53:37 Now playing

Build Responsive Multipage Education/School Websites With HTML CSS JavaScript | Full Responsive Site

Tech2 etc
Tech2 etc
•
•
139K views 1 year ago
Tech2 etc
Tech2 etc
Build Responsive Online Course Websites With HTML CSS JavaScript | 7 Pages Educational Website. This website is Multi Page ... Build Responsive Online Course Websites With HTML CSS JavaScript | 7 Pages Educational Website. This website is Multi Page ...
From the video description
Subtitles

People also watched
Created playlists

1:22:12 Now playing

Build This Complete Modern Website Using Only HTML And CSS in One Video 🔥

Coding Shuttle by Anuj Bhaiya
Coding Shuttle by Anuj Bhaiya
•
•
123K views 3 months ago
Coding Shuttle by Anuj Bhaiya
Coding Shuttle by Anuj Bhaiya
... anuj css tutorial for beginners website using html and css web development anuj bhaiya html html css javascript project html css ... ... anuj css tutorial for beginners website using html and css web development anuj bhaiya html html css javascript project html css ...
From the video description
4K
Introduction | Website Overview | Code Setup | Top Banner | Navbar | Header Section | Companies Section | Features Section | Big-Feature Section | Examples Section | CTA Section | Footer Section | Sub-footer
13 chapters in this video
13 chapters

Introduction

Introduction

0:00

Introduction
0:00

Website Overview

Website Overview

1:33

Website Overview
1:33

Code Setup

Code Setup

2:46

Code Setup
2:46

Top Banner

Top Banner

11:26

Top Banner
11:26

Navbar

Navbar

17:54

Navbar
17:54

Header Section

Header Section

30:15

Header Section
30:15

Companies Section

Companies Section

35:32

Companies Section
35:32
1:14:53 Now playing

Build a Complete Responsive Personal Portfolio Website using HTML CSS Javascript

Codehal
Codehal
•
•
27K views 2 weeks ago
Codehal
Codehal
Build a Complete Responsive Personal Portfolio Website using HTML CSS and Javascript, Build a Complete Responsive ... Build a Complete Responsive Personal Portfolio Website using HTML CSS and Javascript, Build a Complete Responsive ...
From the video description
29:46 Now playing

How To Make A Website With Login And Register | HTML CSS & Javascript

Codehal
Codehal
•
•
146K views 1 month ago
Codehal
Codehal
Responsive Website Landing Page Design | HTML CSS and JavaScript https://youtu.be/OFa5GOkYk8c 4. CSS Parallax Scrolling ... Responsive Website Landing Page Design | HTML CSS and JavaScript https://youtu.be/OFa5GOkYk8c 4. CSS Parallax Scrolling ...
From the video description
2:37:57 Now playing

Responsive Social Media Website With Theme Customization Using HTML CSS & JavaScript

EGATOR
EGATOR
•
•
271K views 1 year ago
EGATOR
EGATOR
How To Create A Responsive Social Media Website With Theme Customization Using HTML CSS & JavaScript. Hostinger ... How To Create A Responsive Social Media Website With Theme Customization Using HTML CSS & JavaScript. Hostinger ...
From the video description
0:00 Hello guys and welcome to another html css and javascript project tutorial today we are going to create a responsive social media ... Hello guys and welcome to another html css and javascript project tutorial today we are going to create a responsive social media ...
Automatic captions
+6 more
116 Now playing

JavaScript Projects

CodingNepal
CodingNepal
Verified
•
•
  • Create A Random Color Palette Generator in HTML CSS & JavaScript
    17:28
  • Check Internet Connection in HTML CSS & JavaScript | Check Offline or Online Status in JavaScript
    22:49
View full playlist
42 Now playing

Javascript Real world Projects

Ikenna okonkwo
Ikenna okonkwo
•
•
  • How to Build a Real Estate Web Page - HTML5, CSS3, JavaScript Tutorial!
    2:07:03
  • How to Build a Gaming Website. HTML5, CSS3, JavaScript Tutorial
    2:08:31
View full playlist
11 Now playing

JavaScript Project Beginners to Advanced - Complete JS Project Playlist

WsCube Tech
WsCube Tech
Verified
•
•
  • Build a Countdown Timer from Scratch - JavaScript Project
    36:04
  • JavaScript Project: Random Color Generator in JavaScript | JavaScript Tutorial
    16:13
View full playlist
43:24 Now playing

Creating a Weather App Using HTML, CSS and JavaScript 🔥

CodeWithHarry
CodeWithHarry
Verified
•
•
237K views 3 months ago
CodeWithHarry
CodeWithHarry
Verified
Download the RapidAPI Extension now: https://marketplace.visualstudio.com/items?itemName=RapidAPI.vscode-rapidapi-client ... Download the RapidAPI Extension now: https://marketplace.visualstudio.com/items?itemName=RapidAPI.vscode-rapidapi-client ...
From the video description

For you

25:16 Now playing

Reacting to Beautiful AI Art Web Designs + How to build them

Codex Community
Codex Community
•
•
333K views 1 month ago
Codex Community
Codex Community
Using AI Art Web Design and then building it with ChatGPT Without Using Code to turn them into Websites. Yep, this is the new ... Using AI Art Web Design and then building it with ChatGPT Without Using Code to turn them into Websites. Yep, this is the new ...
From the video description
4K
Intro | Learning Code | AI Art - Street Clothes | AI Art - Car | AI Art - Fine Dining | AI Art - Luxury Watch | AI Art - Hair Salon | AI Art - Music | AI Art - Sweat Shirt | AI Art - Coffee | AI Art - Clothing | AI Art - Recruitment | AI Art - Soft Drinks | AI Design Info | AI Art to Photoshop | ChatGPT to Website | AI ARt to EditorX | Outro
18 chapters in this video
18 chapters

Intro

Intro

0:00

Intro
0:00

Learning Code

Learning Code

0:34

Learning Code
0:34

AI Art - Street Clothes

AI Art - Street Clothes

1:00

AI Art - Street Clothes
1:00

AI Art - Car

AI Art - Car

2:33

AI Art - Car
2:33

AI Art - Fine Dining

AI Art - Fine Dining

3:46

AI Art - Fine Dining
3:46

AI Art - Luxury Watch

AI Art - Luxury Watch

5:11

AI Art - Luxury Watch
5:11

AI Art - Hair Salon

AI Art - Hair Salon

6:42

AI Art - Hair Salon
6:42
14:03 Now playing

STOP MAKING TWITTER CLONES!! 11 Amazing Projects That'll Get You Placed in College

The Code Skool
The Code Skool
Verified
•
•
24K views 3 weeks ago
The Code Skool
The Code Skool
Verified
Are you tired of the same old boring college projects that everyone else is doing? Want to stand out and impress companies with ... Are you tired of the same old boring college projects that everyone else is doing? Want to stand out and impress companies with ...
From the video description
Intro | How to use OpenAI APIs | Chrome Extension Ideas | Idea 1 | Idea 2 | Idea 3 | Idea 4 | PrepLeaf | Web-apps | Idea 5 | Idea 6 | Idea 7 | Idea 8 | Dall-E projects | Idea 9 | Idea 10 | Idea 11
17 chapters in this video
17 chapters

Intro

Intro

0:00

Intro
0:00

How to use OpenAI APIs

How to use OpenAI APIs

0:53

How to use OpenAI APIs
0:53

Chrome Extension Ideas

Chrome Extension Ideas

2:06

Chrome Extension Ideas
2:06

Idea 1

Idea 1

2:17

Idea 1
2:17

Idea 2

Idea 2

3:15

Idea 2
3:15

Idea 3

Idea 3

4:25

Idea 3
4:25

Idea 4

Idea 4

5:04

Idea 4
5:04
21:43 Now playing

Animated Portfolio Website Template in HTML CSS & JS | Personal Website with Text Typing Animation

Codehal
Codehal
•
•
50K views 1 month ago
Codehal
Codehal
Animated Portfolio Website Template in HTML CSS and JS, Personal Website with Text Typing Animation, Animated Portfolio ... Animated Portfolio Website Template in HTML CSS and JS, Personal Website with Text Typing Animation, Animated Portfolio ...
From the video description
+16 more
1:42:59 Now playing

Complete Responsive Travel & Tour Website Design Using HTML - CSS - JavaScript - PHP - MySQL

Mr. Web Designer
Mr. Web Designer
Verified
•
•
271K views 1 year ago
Mr. Web Designer
Mr. Web Designer
Verified
how to make complete responsive tour and travel website design using html css vanilla javascript php and mysql database from ... how to make complete responsive tour and travel website design using html css vanilla javascript php and mysql database from ...
From the video description
demo | file structure | header | footer | services | home | home about | home packages | home offer | about | reviews | packages | booking | php / mysql | final demo
15 chapters in this video
15 chapters

demo

demo

0:00

demo
0:00

file structure

file structure

3:45

file structure
3:45

header

header

5:55

header
5:55

footer

footer

17:54

footer
17:54

services

services

27:48

services
27:48

home

home

32:56

home
32:56

home about

home about

45:11

home about
45:11
7:15:54 Now playing

Create a Modern Ecommerce Project with React, NodeJS & MongoDB | Source Code Available [2022]

Zpunet
Zpunet
•
•
342K views 1 year ago
Zpunet
Zpunet
Create a Modern Ecommerce Project with React, NodeJS, Express.js, and MongoDB | Source Code Available. Node MongoDB ... Create a Modern Ecommerce Project with React, NodeJS, Express.js, and MongoDB | Source Code Available. Node MongoDB ...
From the video description

Previously watched

3:16:48 Now playing

Complete School Management System Website with Front end + Back end

Blessed Channel
Blessed Channel
•
•
43K views 1 year ago
Blessed Channel
Blessed Channel
In this video I will show you how create a Complete School Management System Website have both the Front-End and Back-End ... In this video I will show you how create a Complete School Management System Website have both the Front-End and Back-End ...
From the video description
15:57:57 Now playing

MERN STACK ECOMMERCE WEBSITE REACT, REDUX, EXPRESS, NODE, MONGODB IN HINDI COMPLETE PROJECT

6 Pack Programmer
6 Pack Programmer
•
•
725K views 1 year ago
6 Pack Programmer
6 Pack Programmer
This video is mern stack ecommerce website react, redux, express, node, mongodb in Hindi complete project. Hello everyone, my ... This video is mern stack ecommerce website react, redux, express, node, mongodb in Hindi complete project. Hello everyone, my ...
From the video description
Intro | Demo | Starting with backend | Making Product API | Backend Error Handling | Adding Search, Filter & Pagination to backend | Backend User & Password Authentication | Backend User Routes | Making Order API | Starting Frontend | Redux Implementation | Adding All Filters in frontend | Login & Registration Component | Loading & Updating User | Change, Forgot & Reset Password | Creating Cart Component | Receiving Payment & Creating Order | User's Order & Review | Creating Admin Routes | Finalizing Before Deployment | Deploying on Heroku
21 chapters in this video
21 chapters

Intro

Intro

0:00

Intro
0:00

Demo

Demo

1:24

Demo
1:24

Starting with backend

Starting with backend

22:49

Starting with backend
22:49

Making Product API

Making Product API

37:46

Making Product API
37:46

Backend Error Handling

Backend Error Handling

1:02:34

Backend Error Handling
1:02:34

Adding Search, Filter & Pagination to backend

Adding Search, Filter & Pagination to backend

1:24:21

Adding Search, Filter & Pagination to backend
1:24:21

Backend User & Password Authentication

Backend User & Password Authentication

1:52:18

Backend User & Password Authentication
1:52:18
9:53 Now playing

How to make a Great Project for Internships & Placements?

Apna College
Apna College
Verified
•
•
1M views 1 year ago
Apna College
Apna College
Verified
Hostinger : http://www.hostinger.in/apnacollege They have a Black Friday Sale this week & we have a special 7% discount code ... Hostinger : http://www.hostinger.in/apnacollege They have a Black Friday Sale this week & we have a special 7% discount code ...
From the video description
+5 more
19:01 Now playing

How To Make A Calculator Using HTML CSS And JavaScript

Easy Tutorials
Easy Tutorials
•
•
104K views 2 months ago
Easy Tutorials
Easy Tutorials
Make A Calculator Using HTML CSS And JavaScript | Build Calculator using JavaScript | JavaScript Project for beginners ... Make A Calculator Using HTML CSS And JavaScript | Build Calculator using JavaScript | JavaScript Project for beginners ...
From the video description
9:51 Now playing

Should You Mention Copied Projects From Internet in Your Resume?

CodeWithHarry
CodeWithHarry
Verified
•
•
299K views 1 year ago
CodeWithHarry
CodeWithHarry
Verified
Software Interview Tips: In this video, we will discuss whether or not copied projects should be a part of your resume. All the ... Software Interview Tips: In this video, we will discuss whether or not copied projects should be a part of your resume. All the ...
From the video description
2:24:32 Now playing

Build and Deploy Ecommerce Website With HTML CSS JavaScript | Full Responsive Ecommerce Course FREE

Tech2 etc
Tech2 etc
•
•
979K views 1 year ago
Tech2 etc
Tech2 etc
Will Create from responsive navbar using html CSS JavaScript to responsive footer in one video. Why This Course? - Responsive ... Will Create from responsive navbar using html CSS JavaScript to responsive footer in one video. Why This Course? - Responsive ...
From the video description
Subtitles
19:55 Now playing

Parallax Scrolling Website | How to Make Website using Html CSS & Javascript

Online Tutorials
Online Tutorials
Verified
•
•
1.5M views 1 year ago
Online Tutorials
Online Tutorials
Verified
... Video : Parallax Scrolling Website | How to Make Animated Website using Html CSS & Javascript https://youtu.be/mgk_2d4lhm8 ... ... Video : Parallax Scrolling Website | How to Make Animated Website using Html CSS & Javascript https://youtu.be/mgk_2d4lhm8 ...
From the video description

Shorts

Top 5 projects to practice HTML and CSS 🔥 #sort #htmlcss

•
•
12K views

HTML CSS amazing project 😍 | html css projects #shorts

•
•
31K views

Amazing CSS Clock 😍 | Javascript project for beginners #shorts

•
•
15K views

5 Best Javascript Projects To Build Your Skills| Javascript Projects For Practice | SimpliCode

•
•
10K views

🔥🔥 JavaScript project ideas for beginners 2023 🔥🔥 #javascriptprojects #javascript

•
•
4.8K views

10 Easy Javascript project ideas for Beginners

•
•
14K views
11:13:46 Now playing

HTML CSS JS projects (Beginner): 16 projects using HTML CSS and JavaScript

JavaScript King
JavaScript King
•
•
636K views 10 months ago
JavaScript King
JavaScript King
16 HTML CSS JavaScript projects for beginners. In this video, you are going to learn 16 beginners projects in HTML CSS ... 16 HTML CSS JavaScript projects for beginners. In this video, you are going to learn 16 beginners projects in HTML CSS ...
From the video description
Introduction | Project 1 - Digital Clock | Project 2 - Multiplication App | Project 3 - Button Ripple Effect | Project 4 - Real-time Character Counter | Project 5 - Sticky Navbar | Project 6 - Random Color Generator | Project 7 - Heart Trail Animation | Project 8 - Video Trailer Popup | Project 9 - Blurred Background Popup | Project 10 - Background Image Scroll Effect | Project 11 - Drum Kits | Project 12 - Random Photos | Project 13 - Image Slider | Project 14 - Dark Mode Toggle | Project 15 - Auto Text Effect Animation | Project 16 - Tabs Section
17 chapters in this video
17 chapters

Introduction

Introduction

0:00

Introduction
0:00

Project 1 - Digital Clock

Project 1 - Digital Clock

1:48

Project 1 - Digital Clock
1:48

Project 2 - Multiplication App

Project 2 - Multiplication App

43:17

Project 2 - Multiplication App
43:17

Project 3 - Button Ripple Effect

Project 3 - Button Ripple Effect

1:35:58

Project 3 - Button Ripple Effect
1:35:58

Project 4 - Real-time Character Counter

Project 4 - Real-time Character Counter

2:07:18

Project 4 - Real-time Character Counter
2:07:18

Project 5 - Sticky Navbar

Project 5 - Sticky Navbar

2:46:54

Project 5 - Sticky Navbar
2:46:54

Project 6 - Random Color Generator

Project 6 - Random Color Generator

3:38:39

Project 6 - Random Color Generator
3:38:39
Prakash Shukla
Prakash Shukla

@prakash_shukla

@prakash_shukla13K subscribers160 videos
Subscribe
Connect on Instagram
Home
Videos
Shorts
Live
Playlists
Community
Channels
About
 
Created playlists
Created playlists
Sort by
Date added (newest)
Last video added
68 Now playing

Leetcode solutions

•
•
View full playlist
6 Now playing

Linked List

•
•
View full playlist
1 Now playing

Two Pointers

•
•
View full playlist
1 Now playing

Vlog

•
•
View full playlist
28 Now playing

Love Babbar 450 DSA Sheet 📚

•
•
View full playlist
2 Now playing

Math

•
•
View full playlist
1 Now playing

Greedy

•
•
View full playlist
1 Now playing

Heap

•
•
View full playlist
28 Now playing

Tree

•
•
Updated 3 days ago
View full playlist
10 Now playing

Strings

•
•
View full playlist
1 Now playing

Graph

•
•
View full playlist
8 Now playing

Backtracking

•
•
View full playlist
6 Now playing

Stack

•
•
View full playlist
5 Now playing

Hashing

•
•
View full playlist
21 Now playing

Arrays

•
•
View full playlist
2 Now playing

Bit Manipulation

•
•
View full playlist
6 Now playing

Binary Search

•
•
View full playlist
If playback doesn't begin shortly, try restarting your device.
Full screen is unavailable. Find out more
0:00 / 0:00•Watch full video
Switch camera
Share
An error occurred while retrieving sharing information. Please try again later.
0:00
20:43 / 7:36:44•Watch full video
Watch Later
Watch Later
Add to queue
Add to queue

•
•